<template>
  <div style="margin:0px auto;width:1100px;">
    <div class="rexiangongzuo3" style="width:700px;">
      <el-card>
        <div slot="header">
          <div style="display:inline-block;">
            <div style="float: left;text-align: center;display:inline-block;font-size: 16px;font-weight: bold;height:30px;line-height:30px;width:190px;background-color: #dfdfdf;">
              <i class="el-icon-s-marketing"></i> 月度数据 Data(5月份)
            </div>
            <div class="box-styel"></div>
          </div>
          <!-- <el-button style="float: right; padding: 3px 0;margin-right: 10px;line-height: 23px;" type="text">查看更多>></el-button> -->
        </div>
        <div style="width: 300px;height:400px !important;display:inline-block;float:left;" id="yuedu"></div>&nbsp;&nbsp;&nbsp;
        <div style="width: 350px;height:420px !important;display:inline-block;" id="yuedu2"></div>
      </el-card>
    </div>
    <div class="rexiangongzuo4" style="width: 395px;display: inline-block;height: 475px;">
      <el-card style="height: 475px;">
        <div slot="header">
          <div style="display:inline-block;">
            <div style="float: left;text-align: center;display:inline-block;font-size: 16px;font-weight: bold;height:30px;line-height:30px;width:240px;background-color: #dfdfdf;">
              <i class="el-icon-s-marketing"></i> 群众诉求考核情况（5月份）
            </div>
            <div class="box-styel"></div>
          </div>
          <!-- <el-button style="float: right; padding: 3px 0;margin-right: 10px;line-height: 23px;" type="text">查看更多>></el-button> -->
        </div>
        <el-tabs v-model="activeName" @tab-click="handleClick">
          <el-tab-pane label="县(区)开发区(新区)" name="first">
            <img src="~/assets/images/1971794375.png" style="width:360px;" alt />
          </el-tab-pane>
          <el-tab-pane label="市直属部门(诉求件数前十)" name="second">
            <img src="~/assets/images/1791066394.png" style="width:360px;" alt />
          </el-tab-pane>
          <el-tab-pane label="其他相关单位(诉求件数前五)" name="third">
            <img src="~/assets/images/1376548276.png" style="width:360px;" alt />
          </el-tab-pane>
        </el-tabs>
      </el-card>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style>
</style>